@charset "utf-8";

body ::-webkit-scrollbar {
    width: 8px
}

body ::-webkit-scrollbar-thumb {
    background-color: #ddd
}

.mod_btn, .mod_btn_green {
    border-radius: 2px;
    font-size: 14px;
    margin-right: 6px;
    padding: 0 23px;
    height: 38px;
    line-height: 38px;
    display: inline-block;
    white-space: nowrap;
    box-sizing: border-box;
    overflow: hidden
}

.mod_btn {
    /*border: 1px solid #c9c9c9;*/
    color: #000
}

.mod_btn--hover, .mod_btn:hover {
    background-color: #ededed;
    color: #333
}

.mod_btn_green {
    border: 1px solid #31c27c;
    background-color: #31c27c;
    color: #fff
}

.mod_btn_green:hover {
    background-color: #2caf6f;
    border-color: #2caf6f;
    color: #fff
}

.mod_btn_green:active {
    background-color: #279c63;
    border-color: #279c63
}

.mod_btn__icon_add, .mod_btn__icon_batch, .mod_btn__icon_comment, .mod_btn__icon_copy, .mod_btn__icon_delete, .mod_btn__icon_down, .mod_btn__icon_edit, .mod_btn__icon_input, .mod_btn__icon_less, .mod_btn__icon_like, .mod_btn__icon_manage, .mod_btn__icon_menu, .mod_btn__icon_more, .mod_btn__icon_new, .mod_btn__icon_no, .mod_btn__icon_play, .mod_btn__icon_qr, .mod_btn__icon_recovery, .mod_btn__icon_upload, .mod_btn__icon_yes, .mod_btn_green__icon_add, .mod_btn_green__icon_clear, .mod_btn_green__icon_delete, .mod_btn_green__icon_down, .mod_btn_green__icon_like, .mod_btn_green__icon_more, .mod_btn_green__icon_play, .mod_btn_green__icon_radio {
    display: inline-block;
    margin-right: 6px;
    background-image: url(/static/images/icon_sprite@2x.png?max_age=2592000&v=85678e8f28c7b4bcad5c209b21b7e3b3);
    background-image: -webkit-image-set(url(/static/images/icon_sprite@2x.png?max_age=2592000&v=85678e8f28c7b4bcad5c209b21b7e3b3&v=85678e8f28c7b4bcad5c209b21b7e3b3) 1x, url(/static/images/icon_sprite@2x.png?max_age=2592000&v=85678e8f28c7b4bcad5c209b21b7e3b3&v=85678e8f28c7b4bcad5c209b21b7e3b3&v=ce93ff148404a1f9918b8bc107e7dd6b) 2x);
    background-repeat: no-repeat;
    vertical-align: -3px
}

.mod_btn__icon_play {
    width: 13px;
    height: 16px;
    background-position: -60px -220px
}

.mod_btn__icon_down {
    width: 16px;
    height: 16px;
    background-position: -40px -220px
}

.mod_btn__icon_add {
    width: 16px;
    height: 16px;
    background-position: -20px 0
}

.mod_btn__icon_batch {
    width: 16px;
    height: 16px;
    background-position: -120px 0
}

.mod_btn__icon_more {
    width: 14px;
    height: 14px;
    background-position: -40px -80px;
    vertical-align: -2px
}

.mod_btn__icon_less {
    width: 14px;
    height: 14px;
    background-position: -20px -40px;
    vertical-align: -1px
}

.mod_btn__icon_copy {
    width: 16px;
    height: 14px;
    background-position: -40px -100px;
    vertical-align: -2px
}

.mod_btn__icon_new {
    width: 16px;
    height: 16px;
    background-position: 0 -180px
}

.mod_btn__icon_yes {
    width: 16px;
    height: 16px;
    background-position: -20px -180px;
    vertical-align: -4px
}
